<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>3.18上市四周年感恩盛典</title>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/js/jquery-1.11.0.js"></script>
		<script language="javascript" src="http://pft.zoosnet.net/JS/LsJS.aspx?siteid=PFT75532031&float=1&lng=cn"></script>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/js/duang.js"></script>
		<script type="text/javascript" src="http://lead.soperson.com/20000017/10059480.js"></script>
		<script language="javascript" src="http://pft.zoosnet.net/JS/LSJS.aspx?siteid=PFT75532031&lng=cn&float=0"></script>
		<script language="javascript" src="http://dyrszty.b0.upaiyun.com/zty/ga.js"></script>
		<script type="text/javascript" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/js/GA_NEWS_TAP_LV1.0.js"></script>

		<link rel="stylesheet" type="text/css" href="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/css/duang.css" />
	</head>
	<style>
		.dianji_lv1 {
			width: 100%;
			text-align: center;
			bottom: 22%;
			font-size: 16px;
			font-weight: 800;
			-webkit-animation: dianji_lv1 0.5s infinite;
			-webkit-animation-direction: alternate;
			opacity: 0;
		}
		
		@-webkit-keyframes dianji_lv1 {
			from {
				font-size: 16px;
			}
			to {
				font-size: 24px;
			}
		}
		
		html,
		body,
		.background_body,
		.background_body_back {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		
		.background_body_back {
			-webkit-animation: back_duang 0.06s infinite;
			-webkit-animation-direction: alternate;
		}
		
		.background_body_bottom {
			left: 32.5%;
			width: 35%;
			bottom: -100%;
			-webkit-animation: back_up 2s forwards;
		}
		
		@-webkit-keyframes back_duang {
			from {
				-webkit-transform: rotate(1deg);
			}
			to {
				-webkit-transform: rotate(-1deg);
			}
		}
		
		@-webkit-keyframes back_up {
			from {
				bottom: -100%;
			}
			to {
				bottom: 0;
			}
		}
		
		.no_1,
		.no_2,
		.no_3,
		.no_4,
		.no_5,
		.no_6,
		.no_7,
		.no_8,
		.no_9,
		.no_10,
		.no_11,
		.no_12 {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			z-index: 1;
		}
		
		.no_1 {
			display: block;
		}
		
		.no_2,
		.no_3,
		.no_4,
		.no_5,
		.no_6,
		.no_7,
		.no_8,
		.no_9,
		.no_10,
		.no_11,
		.no_12 {
			top: 100%;
			left: 45%;
			width: 10%;
		}
		
		.no_1_1 {
			top: 26%;
			left: 17%;
			width: 11%;
			-webkit-animation: loading 1.5s forwards;
		}
		
		.no_1_2 {
			top: 0;
			left: 0;
			width: 100%;
		}
		
		@-webkit-keyframes loading {
			from {
				left: 17%;
			}
			to {
				left: 70%;
			}
		}
		
		.no_2_1 {
			left: 3%;
			top: 14.5%;
			width: 18%;
			-webkit-animation: no_2_1 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_2_1 {
			from {
				-webkit-transform: rotate(10deg);
			}
			to {
				-webkit-transform: rotate(-10deg);
			}
		}
		
		.no_2_2 {
			top: 0%;
			left: 10%;
			width: 80%;
			-webkit-animation: no_2_2 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_2_2 {
			from {
				left: 10%;
				width: 80%;
			}
			to {
				left: 0%;
				width: 100%;
			}
		}
		
		.no_2_3 {
			top: 40%;
			left: 10%;
			width: 70%;
			-webkit-animation: no_2_3 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_2_3 {
			from {
				width: 60%;
			}
			to {
				width: 70%;
			}
		}
		
		.no_2_4 {
			top: 36%;
			right: 3%;
			width: 30%;
			-webkit-animation: no_2_1 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		.no_2_5 {
			left: 0;
			width: 100%;
			bottom: 25%;
			-webkit-animation: no_2_5 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_2_5 {
			from {
				-webkit-transform: rotate(20deg);
			}
			to {
				-webkit-transform: rotate(-10deg);
			}
		}
		
		.no_3_1 {
			top: 5%;
			left: 5%;
			width: 80%;
			-webkit-animation: no_3_1 0.6s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_3_1 {
			from {
				left: 10%;
				width: 70%;
			}
			to {
				left: 5%;
				width: 80%;
			}
		}
		
		.no_3_2 {
			top: 5%;
			right: 2%;
			width: 18%;
			-webkit-animation: no_3_2 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_3_2 {
			from {
				-webkit-transform: rotate(20deg);
			}
			to {
				-webkit-transform: rotate(-20deg);
			}
		}
		
		.no_3_3 {
			top: 20%;
			left: 4%;
			width: 12%;
			-webkit-animation: no_3_2 0.3s infinite;
			-webkit-animation-direction: alternate;
		}
		
		.no_3_4 {
			top: 20%;
			right: 15%;
			width: 70%;
			-webkit-animation: no_3_4 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_3_4 {
			from {
				right: 20%;
				width: 60%;
			}
			to {
				right: 15%;
				width: 70%;
			}
		}
		
		.no_3_5 {
			top: 20%;
			right: 2%;
			width: 15%;
			-webkit-animation: no_3_2 0.4s infinite;
			-webkit-animation-direction: alternate;
		}
		
		.no_3_6 {
			top: 35%;
			right: 15%;
			width: 70%;
			z-index: 1;
			-webkit-animation: no_3_6 2s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_3_6 {
			from {
				-webkit-transform: rotate(-20deg);
			}
			to {
				-webkit-transform: rotate(20deg);
			}
		}
		
		.no_3_7 {
			top: 38%;
			right: 15%;
			width: 70%;
			-webkit-animation: no_3_6 2s infinite;
			-webkit-animation-direction: alternate;
		}
		
		.no_3_8 {
			top: 60%;
			left: 25%;
			width: 10%;
			-webkit-animation: no_3_8 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_3_8 {
			from {
				-webkit-transform: rotate(0deg);
			}
			to {
				-webkit-transform: rotate(360deg);
			}
		}
		
		.no_3_9 {
			top: 60%;
			right: 25%;
			width: 10%;
			-webkit-animation: no_3_9 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_3_9 {
			from {
				top: 60%;
			}
			to {
				top: 65%;
			}
		}
		
		.no_4_1 {
			top: 0%;
			right: 0%;
			width: 100%;
			-webkit-animation: no_4_1 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_4_1 {
			from {
				top: 0%;
			}
			to {
				top: 5%;
			}
		}
		
		.no_4_2 {
			top: 45%;
			right: 15%;
			width: 70%;
			-webkit-animation: no_4_2 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_4_2 {
			from {
				top: 40%;
			}
			to {
				top: 45%;
			}
		}
		
		.no_4_3 {
			top: 51.5%;
			right: -100%;
			width: 10%;
			-webkit-animation: no_4_3 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_4_3 {
			from {
				top: 46.5%;
			}
			to {
				top: 51.5%;
			}
		}
		
		.no_5_1 {
			top: 0%;
			right: 0%;
			width: 100%;
			-webkit-animation: no_5_1 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_5_1 {
			from {
				top: 5%;
			}
			to {
				top: 0%;
			}
		}
		
		.no_5_2 {
			top: 41.5%;
			right: 15%;
			width: 70%;
			-webkit-animation: no_5_2 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_5_2 {
			from {
				top: 41.5%;
			}
			to {
				top: 36.5%;
			}
		}
		
		.no_5_3 {
			top: 49.7%;
			right: -100%;
			width: 24%;
			-webkit-animation: no_5_3 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_5_3 {
			from {
				top: 49.7%;
			}
			to {
				top: 44.7%;
			}
		}
		
		.no_5_4 {
			top: 49.6%;
			right: -100%;
			width: 17%;
			-webkit-animation: no_5_4 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_5_4 {
			from {
				top: 49.6%;
			}
			to {
				top: 44.6%;
			}
		}
		
		.no_6_1 {
			top: 0%;
			right: 0%;
			width: 100%;
			-webkit-animation: no_6_1 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_6_1 {
			from {
				top: 5%;
			}
			to {
				top: 0%;
			}
		}
		
		.no_6_2 {
			top: 36.5%;
			right: 15%;
			width: 70%;
			-webkit-animation: no_6_2 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_6_2 {
			from {
				top: 41.5%;
			}
			to {
				top: 36.5%;
			}
		}
		
		.no_6_3 {
			top: 49.7%;
			right: -100%;
			width: 18%;
			-webkit-animation: no_6_3 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_6_3 {
			from {
				top: 49%;
			}
			to {
				top: 44%;
			}
		}
		
		.no_6_4 {
			top: 49.6%;
			right: -100%;
			width: 17%;
			-webkit-animation: no_6_4 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_6_4 {
			from {
				top: 49.6%;
			}
			to {
				top: 44.6%;
			}
		}
		
		.no_7_1 {
			top: 0%;
			right: 0%;
			width: 100%;
			-webkit-animation: no_7_1 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_7_1 {
			from {
				top: 5%;
			}
			to {
				top: 0%;
			}
		}
		
		.no_7_2 {
			top: 41.5%;
			right: 5%;
			width: 90%;
			-webkit-animation: no_7_2 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_7_2 {
			from {
				top: 46.5%;
			}
			to {
				top: 41.5%;
			}
		}
		
		.no_7_3 {
			top: 54%;
			right: -100%;
			width: 30%;
			-webkit-animation: no_7_3 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_7_3 {
			from {
				top: 54%;
			}
			to {
				top: 49%;
			}
		}
		
		.no_7_4 {
			top: 58%;
			right: -100%;
			width: 50%;
			-webkit-animation: no_7_4 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_7_4 {
			from {
				top: 58%;
			}
			to {
				top: 53%;
			}
		}
		
		.no_7_5 {
			top: 61%;
			right: -100%;
			width: 45%;
			-webkit-animation: no_7_5 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_7_5 {
			from {
				top: 61%;
			}
			to {
				top: 56%;
			}
		}
		
		.no_8_1 {
			top: 0;
			left: 0;
			width: 100%;
		}
		
		.no_8_2 {
			top: 30%;
			left: 1%;
			width: 40%;
		}
		
		.no_8_3 {
			top: 30%;
			right: 1%;
			width: 40%;
		}
		
		.no_8_4 {
			top: 25%;
			right: 40%;
			width: 20%;
		}
		
		.no_8_5 {
			top: 45%;
			left: 5%;
			width: 12%;
		}
		
		.no_8_6 {
			top: 55%;
			left: 5%;
			width: 12%;
		}
		
		.no_8_7 {
			top: 46%;
			left: 18%;
			width: 75%;
		}
		
		.no_8_8 {
			top: 56%;
			left: 18%;
			width: 75%;
		}
		
		.no_8_9 {
			top: 65%;
			left: 18%;
			width: 45%;
		}
		
		.no_8_10 {
			top: 65%;
			right: 5%;
			width: 30%;
			background: url(http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font10.png) no-repeat;
			background-size: 100%;
			color: #fff;
			text-align: center;
		}
		
		.no_8_11 {
			top: 75%;
			right: 20%;
			width: 60%;
		}
		
		.no_10_2 {
			top: 32%;
			left: 5%;
			width: 90%;
		}
		
		.no_10_1 {
			top: 5%;
			left: 5%;
			width: 90%;
		}
		
		.no_10_2 {
			top: 30%;
			left: 10%;
			width: 80%;
		}
		
		.no_10_3 {
			top: 50%;
			left: 10%;
			width: 80%;
		}
		
		.no_10_4 {
			top: 76%;
			left: 30%;
			width: 40%;
		}
		
		.no_10_5 {
			top: 89%;
			left: 25%;
			width: 50%;
		}
		
		.daojishi {
			top: 65%;
			left: 10%;
			width: 80%;
			text-align: center;
			font-size: 21px;
			font-family: "微软雅黑";
			font-weight: 700;
		}
		
		.no_9_1 {
			top: 0;
			left: 0;
			width: 100%;
		}
		
		.no_9_2 {
			top: 0;
			left: 0;
			width: 100%;
			-webkit-transform-origin: left center;
			-webkit-transition-property: transform;
			-webkit-transition-timing-function: ease;
		}
		
		.no_9_3 {
			top: 0;
			left: 0;
			width: 100%;
			-webkit-transform-origin: left center;
			-webkit-transition-property: transform;
			-webkit-transition-timing-function: ease;
		}
		
		.no_9_4 {
			top: 0;
			left: 0;
			width: 100%;
			-webkit-transform-origin: left center;
			-webkit-transition-property: transform;
			-webkit-transition-timing-function: ease;
		}
		
		.no_9_5 {
			top: 60%;
			left: 30%;
			width: 40%;
			-webkit-animation: no_9_5 1s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes no_9_5 {
			from {
				left: 30%;
				width: 40%;
			}
			to {
				left: 20%;
				width: 60%;
			}
		}
		
		@-webkit-keyframes book_duang {
			from {
				-webkit-transform: rotateY(0deg)skew(0deg, 0deg);
			}
			to {
				-webkit-transform: rotateY(120deg)skew(0deg, -10deg);
			}
		}
		
		.no_9_0 {
			top: 4%;
			left: 0;
			width: 13.5%;
			opacity: 0;
		}
		
		.bgm_on {
			top: 5%;
			right: 5%;
			width: 10%;
			-webkit-animation: bgm_on 2s infinite;
			z-index: 50;
		}
		
		@-webkit-keyframes bgm_on {
			from {
				-webkit-transform: rotate(0deg);
			}
			to {
				-webkit-transform: rotate(360deg);
			}
		}
		
		.jiantou_a {
			width: 7%;
			bottom: 15%;
			right: 25%;
			z-index: 10;
			opacity: 0;
			-webkit-animation: jiantou_a 0.5s infinite;
			-webkit-animation-direction: alternate;
		}
		
		@-webkit-keyframes jiantou_a {
			from {
				width: 7%;
				right: 25%;
			}
			to {
				width: 5%;
				right: 26%;
			}
		}
	</style>

	<body>
		<div class="relative_duang background_body">
			<img class="absolute_duang bgm_on" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/bgmOff.png" />
			<img class="absolute_duang background_body_back" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/line-speed.png" />
			<div class="absolute_duang relative_duang no_1">
				<img class="absolute_duang no_1_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/loading-cart.png" />
				<img class="absolute_duang no_1_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/loading.png" />
			</div>
			<div class="absolute_duang relative_duang no_2" click_up_id=1>
				<img class="absolute_duang no_2_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-1-ticket.png" />
				<img class="absolute_duang no_2_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-1-font1.png" />
				<img class="absolute_duang no_2_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-1-font2.png" />
				<img class="absolute_duang no_2_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-1-basket.png" />
				<img class="absolute_duang no_2_5" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-1-font3.png" />
			</div>
			<div class="absolute_duang relative_duang no_3" click_up_id=2>
				<img class="absolute_duang no_3_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-font1.png" />
				<img class="absolute_duang no_3_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-font2.png" />
				<img class="absolute_duang no_3_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-topleft.png" />
				<img class="absolute_duang no_3_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-font3.png" />
				<img class="absolute_duang no_3_5" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-topright.png" />
				<img class="absolute_duang no_3_6" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-font5.png" />
				<img class="absolute_duang no_3_7" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-font4.png" />
				<img class="absolute_duang no_3_8" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-bottomleft.png" />
				<img class="absolute_duang no_3_9" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-2-bottomright.png" />
			</div>
			<div class="absolute_duang relative_duang no_4" click_up_id=3>
				<img class="absolute_duang no_4_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-3-top.png" />
				<img class="absolute_duang no_4_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-3-font1.png" />
				<img class="absolute_duang no_4_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-3-font2.png" />
			</div>
			<div class="absolute_duang relative_duang no_5" click_up_id=4>
				<img class="absolute_duang no_5_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-4-top.png" />
				<img class="absolute_duang no_5_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-4-font1.png" />
				<img class="absolute_duang no_5_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-4-font2.png" />
				<img class="absolute_duang no_5_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-4-font3.png" />
			</div>
			<div class="absolute_duang relative_duang no_6" click_up_id=5>
				<img class="absolute_duang no_6_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-5-top.png" />
				<img class="absolute_duang no_6_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-5-font1.png" />
				<img class="absolute_duang no_6_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-5-font2.png" />
				<img class="absolute_duang no_6_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-5-font3.png" />
			</div>
			<div class="absolute_duang relative_duang no_7" click_up_id=6>
				<img class="absolute_duang no_7_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-6-top.png" />
				<img class="absolute_duang no_7_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-6-font1.png" />
				<img class="absolute_duang no_7_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-6-font2.png" />
				<img class="absolute_duang no_7_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-6-font3.png" />
				<img class="absolute_duang no_7_5" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-6-font4.png" />
			</div>

			<div class="absolute_duang relative_duang no_8 SMS_KV_LV" click_up_id=7>
				<img class="absolute_duang no_8_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font1.png" />
				<img class="absolute_duang no_8_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font2.png" />
				<img class="absolute_duang no_8_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font3.png" />
				<img class="absolute_duang no_8_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font4.png" />
				<img class="absolute_duang no_8_5" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font5.png" />
				<img class="absolute_duang no_8_6" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font6.png" />
				<div class="absolute_duang no_8_7">
					<input style="position: absolute; left: 10%; top: 10%; border: none;font-size: 14px;font-family: '微软雅黑';width: 60%;outline:none;" class="name_lv" type="text" placeholder="请输入姓名" />
					<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font7.png" />
				</div>
				<div class="absolute_duang no_8_8">
					<input style="position: absolute; left: 10%; top: 10%; border: none;font-size: 14px;font-family: '微软雅黑';width: 60%;outline:none;" class="SMS_lv" type="tel" placeholder="请输入手机号码" />
					<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font7.png" />
				</div>
				<div class="absolute_duang no_8_9">
					<input style="position: absolute; left: 10%; top: 10%; border: none;font-size: 14px;font-family: '微软雅黑';width: 60%;outline:none;" class="SMS_yz_lv" type="tel" placeholder="提取码" />
					<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font11.png" />
				</div>
				<img class="absolute_duang no_8_6" style="top: 64%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font9.png" />
				<div class="absolute_duang no_8_10">
					<img style="width: 100%; opacity: 0;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font10.png" />
					<a class="SMS_button_lv" if_id=0 style="position: absolute;width:100%;text-align:center;font-size: 15px; left: 0; top: 20%;height: 100%;">获取提取码</a>
				</div>
				<img class="absolute_duang no_8_11 SMS_button_lv2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font8.png" />
			</div>
			<div class="absolute_duang relative_duang no_9 SMS_KV_LV" click_up_id=8>
				<img class="absolute_duang no_9_0" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/uZypx7nQ.png" />
				<img class="absolute_duang no_9_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/line-speed4.png" />
				<img class="absolute_duang no_9_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/line-speed3.png" />
				<img class="absolute_duang no_9_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/line-speed2.png" />
				<img class="absolute_duang no_9_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/line-speed1.png" />
				<img class="absolute_duang no_9_5" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/btn221.png" />
			</div>
			<div class="absolute_duang relative_duang no_10 SMS_KV_LV" click_up_id=9>
				<img class="absolute_duang no_8_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-8-font1.png" />
				<img class="absolute_duang no_10_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-8-font2.png" />
				<img class="absolute_duang no_8_5" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font5.png" />
				<img class="absolute_duang no_8_6" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font6.png" />
				<div class="absolute_duang no_8_7">
					<input style="position: absolute; left: 10%; top: 10%; border: none;font-size: 14px;font-family: '微软雅黑';width: 60%;outline:none;" class="name_lv" type="text" placeholder="请输入姓名" />
					<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font7.png" />
				</div>
				<div class="absolute_duang no_8_8">
					<input style="position: absolute; left: 10%; top: 10%; border: none;font-size: 14px;font-family: '微软雅黑';width: 60%;outline:none;" class="SMS_lv" type="tel" placeholder="请输入手机号码" />
					<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font7.png" />
				</div>
				<div class="absolute_duang no_8_9">
					<input style="position: absolute; left: 10%; top: 10%; border: none;font-size: 14px;font-family: '微软雅黑';width: 60%;outline:none;" class="SMS_yz_lv" type="tel" placeholder="提取码" />
					<img style="width: 100%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font11.png" />
				</div>
				<img class="absolute_duang no_8_6" style="top: 64%;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font9.png" />
				<div class="absolute_duang no_8_10">
					<img style="width: 100%; opacity: 0;" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font10.png" />
					<a class="SMS_button_lv" if_id=0 style="position: absolute;width:100%;text-align:center;font-size: 15px; left: 0; top: 20%;height: 100%;">获取提取码</a>
				</div>
				<img class="absolute_duang no_8_11 SMS_button_lv2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-7-font8.png" />
			</div>

			<div class="absolute_duang relative_duang no_11" click_up_id=10>
				<img class="absolute_duang no_10_1" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-9-font1.png" />
				<img class="absolute_duang no_10_2" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-9-font2.png" />
				<img class="absolute_duang no_10_3" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-9-font3.png" />
				<img class="absolute_duang no_10_4" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/btn-share.png" />
				<div id="timer" class="daojishi absolute_duang">
					00天00小时00分钟00秒
				</div>
				<img class="absolute_duang no_10_5" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-9-font4.png" />
			</div>
			<div class="absolute_duang dianji_lv1">单击翻页</div>
			<img class="absolute_duang background_body_bottom" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/p1-bottom.png" />
			<img class="absolute_duang jiantou_a" src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/jiantou.png" />
		</div>
		<audio id='musiclv' loop="loop" controls="controls" autoplay="autoplay">
			<source src="http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/bgm.mp3" type="audio/mpeg" /> Your browser does not support the audio element.
		</audio>
	</body>
	<script type="text/javascript">
		document.getElementById('musiclv').pause();
	</script>
	<script>
		var music_1 = 1;
		$(".bgm_on").click(function() {
			if(music_1 == 0) {
				music_1 = 1;
				$(this).attr("src", "http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/bgmOff.png")
				document.getElementById('musiclv').pause();
			} else {
				music_1 = 0;
				$(this).attr("src", "http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/bgmOn.png")
				document.getElementById('musiclv').play();
			}
		});
		document.write('<div id="LR_User_Icon2" ></div>');
		var this_ifId;
		setTimeout(function() {
			$(".no_1").animate({
				'opacity': 0
			}, 100);
			$(".dianji_lv1").animate({
				'opacity': 1
			}, 100);
			$(".no_2").animate({
				'top': '0%',
				'left': '0%',
				'width': '100%'
			}, 1000)
		}, 2000);

		$("div[click_up_id]").click(function() {
			if(music_1 == 1) {
				$(this).attr("src", "http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/bgmOff.png")
				document.getElementById('musiclv').pause();
			} else {
				$(this).attr("src", "http://dyrszty.b0.upaiyun.com/zty/dongyi_lv/images/bgmOn.png")
				document.getElementById('musiclv').play();
			}
			$(".div").stop();
			var this_lv12 = $(this);
			if($(this).attr('click_up_id') == 6) {
				this_ifId = 0;
				$(".dianji_lv1").text("单击翻页");
				$(".dianji_lv1").css("bottom", "5%");
				$(".dianji_lv1").css({
					"z-index": "2"
				});
				$(".background_body_bottom").remove();
				$(".dianji_lv1").click(function() {
					if(this_ifId == 0) {
						$("div[click_up_id=7]").animate({
							"top": "-100%",
							"width": "10%",
							"left": "45%"
						}, 300)
						$(".dianji_lv1").css("display", "none");
						$("div[click_up_id=8]").animate({
							"top": "0%",
							"width": "100%",
							"left": "0%"
						}, 700)
						this_ifId = 1;
					} else if(this_ifId == 1) {
						$(".jiantou_a").css("opacity", "0");
						$("div[click_up_id=8]").animate({
							"top": "-100%",
							"width": "10%",
							"left": "45%"
						}, 700)
						$("div[click_up_id=9]").animate({
							"top": "0%",
							"width": "100%",
							"left": "0%"
						}, 700)
						this_ifId = 2;
					} else if(this_ifId == 2) {
						$("div[click_up_id=9]").animate({
							"top": "-100%",
							"width": "10%",
							"left": "45%"
						}, 700)
						$("div[click_up_id=10]").animate({
							"top": "0%",
							"width": "100%",
							"left": "0%"
						}, 700)
						leftTimer(2018, 03, 18, 07, 00, 00);
						$(".dianji_lv1").text("点击再看一次");
						$(".dianji_lv1").css("bottom", "0%");
						$(".dianji_lv1").css("z-index", "2");
						$('.dianji_lv1').click(function() {
							location.href = "http://m.tj.dyrs.com.cn/special/20180303/105072";
						})
					}
				});
			}

			if($(this).attr('click_up_id') < 7) {
				$("div[click_up_id=" + $(this).attr('click_up_id') + "]").animate({
					"top": "-100%",
					"width": "10%",
					"left": "45%"
				}, 700)
				$("div[click_up_id=" + ($(this).attr('click_up_id') - -1) + "]").animate({
					"top": "0%",
					"width": "100%",
					"left": "0%"
				}, 700)
				setTimeout(function() {
					$(this_lv12).remove();
				}, 800)
				if(($(this).attr('click_up_id') - -1) == 3) {
					setTimeout(function() {
						$(".no_4_3").animate({
							"right": "25%"
						}, 1200)
					}, 200)
				} else if(($(this).attr('click_up_id') - -1) == 4) {
					setTimeout(function() {
						$(".no_5_3").animate({
							"right": "37%"
						}, 1200)
						$(".no_5_4").animate({
							"right": "22.5%"
						}, 1500)
					}, 200)
				} else if(($(this).attr('click_up_id') - -1) == 5) {
					setTimeout(function() {
						$(".no_6_3").animate({
							"right": "39%"
						}, 1200)
						$(".no_6_4").animate({
							"right": "22.5%"
						}, 1500)
					}, 200)
				} else if(($(this).attr('click_up_id') - -1) == 6) {
					setTimeout(function() {
						$(".no_7_3").animate({
							"right": "30%"
						}, 1200)
						$(".no_7_4").animate({
							"right": "25%"
						}, 1500)
						$(".no_7_5").animate({
							"right": "32.5%"
						}, 1700)
					}, 200)
				}
			}
		})

		function leftTimer(year, month, day, hour, minute, second) {
			var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩余的毫秒数 
			var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数 
			var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时 
			var minutes = parseInt(leftTime / 1000 / 60 % 60, 10); //计算剩余的分钟 
			var seconds = parseInt(leftTime / 1000 % 60, 10); //计算剩余的秒数 
			days = checkTime(days);
			hours = checkTime(hours);
			minutes = checkTime(minutes);
			seconds = checkTime(seconds);
			//			setInterval("leftTimer(2018, 03, 18, 07, 00, 00)", 1000);
			document.getElementById("timer").innerHTML = days + "天" + hours + "小时"; //+ minutes + "分" + seconds + "秒";
		}

		function checkTime(i) { //将0-9的数字前面加上0，例1变为01 
			if(i < 10) {
				i = "0" + i;
			}
			return i;
		}
		//发送验证码
		$(".SMS_KV_LV .SMS_button_lv").click(function() {
			SMS_phone_lv({
				'button_lv': $(this),
				'phone_id': $(this).parents(".SMS_KV_LV").children().children(".SMS_lv").val(),
				'button_text': "获取提取码",
				"time": 60
			});
		});
		//验证过程
		var if_ifs = 0;
		$(".SMS_KV_LV .SMS_button_lv2").click(function() {
			var this_lv = $(this);
			SMS_yz_lv($(this).parents(".SMS_KV_LV").children().children(".SMS_yz_lv").val(), function() {
				A6_data_up(1, "", {
					"name": $(this_lv).parents(".SMS_KV_LV").children().children(".name_lv").val(), //名字
					"phone": $(this_lv).parents(".SMS_KV_LV").children().children(".SMS_lv").val(), //手机号
					"acreage": "", //面积
					"loupan": "", //小区
				}, "318海信活动")
				ga('send', 'event', '20180303/105072', '优惠名额/提交信息', '在线报名');
			});
		});
		$('.no_9_5').click(function() {
			setTimeout(function() {
				$(".jiantou_a").css("opacity", "1");
			}, 500)
			$(this).animate({
				"opacity": "0"
			}, 500)
			$(".no_9_4").css({
				'-webkit-animation': 'book_duang 2s forwards'
			}, 100);
			$(".no_9_0").animate({
				'opacity': '1'
			}, 2000)
		});
		$('.no_9_3').click(function() {
			$('.no_9_3').css({
				'-webkit-animation': 'book_duang 2s forwards'
			}, 100)
			if_ifs = 1;
		});
		//		$(".dianji_lv1").click(function() {
		//			if(this_ifId == 0) {
		//				$("div[click_up_id=7]").animate({
		//					"top": "-100%",
		//					"width": "10%",
		//					"left": "45%"
		//				}, 300)
		//				$("div[click_up_id=8]").animate({
		//					"top": "0%",
		//					"width": "100%",
		//					"left": "0%"
		//				}, 700)
		//				this_ifId = 1;
		//			} else 
		//			if(this_ifId == 1) {
		//				$(".jiantou_a").css("opacity", "0");
		//				$("div[click_up_id=8]").animate({
		//					"top": "-100%",
		//					"width": "10%",
		//					"left": "45%"
		//				}, 700)
		//				$("div[click_up_id=9]").animate({
		//					"top": "0%",
		//					"width": "100%",
		//					"left": "0%"
		//				}, 700)
		//				this_ifId = 2;
		//			} else if(this_ifId == 2) {
		//				$(".background_body_bottom").remove();
		//				$("div[click_up_id=9]").animate({
		//					"top": "-100%",
		//					"width": "10%",
		//					"left": "45%"
		//				}, 700)
		//				$("div[click_up_id=10]").animate({
		//					"top": "0%",
		//					"width": "100%",
		//					"left": "0%"
		//				}, 700)
		//				leftTimer(2018, 03, 18, 07, 00, 00);
		//				$(".dianji_lv1").text("点击再看一次");
		//				$(".dianji_lv1").css("bottom", "0%");
		//				$(".dianji_lv1").css("z-index", "2");
		//				$('.dianji_lv1').click(function() {
		//					location.href = "http://m.tj.dyrs.com.cn/special/20180303/105072";
		//				})
		//			}
		//		});
		$(".jiantou_a").click(function() {
			if(if_ifs == 0) {
				$('.no_9_3').css({
					'-webkit-animation': 'book_duang 2s forwards'
				}, 100);
				if_ifs = 1;
			} else if(if_ifs == 1) {
				$(".jiantou_a").css("display", "none");
				$(".dianji_lv1").css("display", "block");
				$('.no_9_2').css({
					'-webkit-animation': 'book_duang 2s forwards'
				}, 100);
				if_ifs = 2;
			}
		});
		$('.no_9_2').click(function() {
			$(".jiantou_a").css("display", "none");
			$(".dianji_lv1").css("display", "block");
			$('.no_9_2').css({
				'-webkit-animation': 'book_duang 2s forwards'
			}, 100);
			if_ifs = 2;
		});
		$(document).ready(function() {
			var flag0 = true;
			var flag1 = true;
			var flag2 = true;
			var flag3 = true;
			$(window).scroll(function() {
				var ASH = $(window).height() + $(document).scrollTop();
				var SH = $(document).height();
				var RS = ASH / SH;
				if(flag0) {
					flag0 = false;
				} else if(RS >= 0.3 && RS < 0.6 && flag1) {
					ga('send', 'event', "20180303/105072", "页面滑动", "30%", 1, {
						nonInteraction: true
					});
					flag1 = false
				} else if(RS >= 0.6 && RS <= 0.9 && flag2) {
					ga('send', 'event', "20180303/105072", "页面滑动", "60%", 1, {
						nonInteraction: true
					});
					flag2 = false
				} else if(RS >= 0.9 && flag3) {
					ga('send', 'event', "20180303/105072", "页面滑动", "100%", 1, {
						nonInteraction: true
					});
					flag3 = false
				}

			});

		});
		$(".no_10_4").click(function() {
			location.href = "tel:4006911525";
		});
	</script>

</html>